<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<html>
	<head>
		<script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>
		<script type="text/javascript">
		tinyMCE.init({
			// General options
			mode : "exact",
		    elements : "userAboutMe.content",
			theme : "advanced",
			theme_advanced_buttons1 : "bold,italic,underline,strikethrough,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,formatselect",
			theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,bullist,numlist",
			theme_advanced_buttons3 : "hr,removeformat,visualaid,separator,sub,sup"
		});
		</script>
	</head>
	<body>
	<s:form method="post" action="saveAboutMe.htm" id="form">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td>
					<div class="blue-text16" style="margin: 0px 0px 0px 0px">
						<s:text name="lable.frontuserleft.Aboutme" />
					</div>
					<div class="header-separator-bg" style="margin: 10px 5px 17px 0px"></div>
					<div class="common-text" style="margin: 0px 0px 10px 0px">
						<table width="100%" border="0">
							<tr>
								<td width="100%">
								<s:if test="userAboutMe.content == null" >
									<s:set name="userAboutMe.content" value="%{''}"></s:set>
								</s:if>
								<s:if test="userAboutMe.content == ''" >
									<s:set name="userAboutMe.content" value="%{''}"></s:set>
								</s:if>
								<s:textarea theme="simple" id="userAboutMe.content" name="userAboutMe.content" rows="20" cols="90" cssStyle="width: 100%;"/>
								</td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
		</table>

		<table border="0" cellspacing="0" cellpadding="0" align="center">
			<tr>
				<td class="btn-grey-left1"></td>
				<td class="btn-grey-middle1 ">
					<input type="submit" value="<s:text name="about_me_submit" />" class="submit-btn-common">
				</td>
				<td class="btn-grey-right1"></td>
				<td class="btn-grey-left1"></td>
				<td class="btn-grey-middle1 ">
					<input type="reset" value="<s:text name="about_me_reset" />" class="submit-btn-common">
				</td>
				<td class="btn-grey-right1"></td>
			</tr>
		</table>
		<s:hidden name="userAboutMe.id" value="%{userAboutMe.id}"></s:hidden>
		<s:hidden name="userAboutMe.user.id" value="%{userAboutMe.user.id}"></s:hidden>
	</s:form>
	<s:if test="userAboutMe.content == null || userAboutMe.content == ''">
		<script type="text/javascript">
			document.getElementById('userAboutMe.content').value =='';
		</script>
	</s:if>
	</body>
</html>